//引入gzip
/*使用低版本"compression-webpack-plugin": "^5.0.1"*/
const CompressionPlugin = require("compression-webpack-plugin");

module.exports = {
  lintOnSave: false,//关闭eslint
  productionSourceMap: false,//加速生产环境构建
  configureWebpack: () => {
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [
          new CompressionPlugin({
            test: /\.js$|\.html$|\.css$|\.jpg$|\.jpeg$|\.png/, // 需要压缩的文件类型
            threshold: 10240, // 归档需要进行压缩的文件大小最小值，我这个是10K以上的进行压缩
            deleteOriginalAssets: false // 是否删除原文件
          })
        ]
      }
    }
  },
  publicPath: process.env.NODE_ENV === 'production' ? './' : "",
  //全局引入base.scss
  css: {
    loaderOptions: {
      sass: {
        prependData: `
          @import "@/assets/SCSS/base.scss";
        `
      },
      //px转rem
      postcss: {
        plugins: [
          require('postcss-px2rem')({
            // 以设计稿750为例， 750 / 10 = 75
            remUnit: 192
          }),
        ]
      },
    }
  },
  //依赖包babel转化es6成es5
  transpileDependencies: ["crypto-js"],
  //跨域
  devServer: {
    open: false, //是否自动弹出浏览器页面
    https: false,
    hotOnly: false,
    proxy: {
      '/api': {
        target: 'http://125.124.50.218:80',
        //secure: true,// 如果是https接口，需要配置这个参数
        changeOrigin: true,
        pathRewrite: { '^/api': '' },
      }
    },

  }
}